<template>
  <div class="about">
    <h1>This is an about page</h1>
    <button @click="click">点击</button>
    <h1>{{message}}</h1>
    <h1>{{count}}</h1>
  </div>
</template>

<script>
import mixin from "../store/mixin";

export default {
  mixins:[mixin],
   beforeMount(){
    // console.log(this.$route)
  },
  computed:{
    message:function(){
      return this.$store.state.aboutModule.message
    }
  },
  methods:{
    click(){
      // this.$store.dispatch("aboutModule/CHANGE_MESSAGE","新的about消息")
      this.changeCount(10909000)
    }
  }
}
</script>

<style scoped>
.about
{
  padding-top: 64px;
}
</style>
